@R04       : 0.4rem;
@R03       : 0.3rem;
@box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);

body {
    background: none !important;
}
h1{
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
    opacity: 0.7;
}
a{
    text-decoration: none !important;
    opacity: 0.7;
}
a:hover{
    opacity: 1;
}
span.date {
    letter-spacing: 0.02rem !important;
    font-weight   : 400 !important;
}

.columns.is-variable {
    --columnGap: 0 !important;
}

a.tag.is-link.is-light {
    color      : #FFF !important;
    font-weight: 600;
    opacity    : 0.8;
}

button#back {
    border     : none;
    background : none;
    line-height: 2.2rem;
    font-weight: 500;
    font-size  : 1.1rem;
    text-align : center;
    padding    : 0.5rem 1rem;
    cursor     : pointer;
    opacity    : 0.7;
}

button#back:hover {
    opacity: 1;
}

img {
    border: none;
}

.markdown-body {
    padding-top: 0 !important;

    strong {
        color: #ff7700 !important;
    }

    pre code .number {
        color: #02a7cf;
    }

    h4 {
        font-size: 1.3;
    }

    h5 {
        font-size: 1.2;
    }

    h6 {
        font-size: 1.1;
    }
}

div.column {
    width: 100%;
}

pre {
    box-shadow: @box-shadow;
}

pre,
code {
    text-shadow: none !important;
}